<template>
  <div class="store">
    <div class="swiperTop">
      <swiperVue></swiperVue>
    </div>
    <!-- 店内服务 -->
    <div class="services">
      <div class="card">
        <swiperServices></swiperServices>
      </div>
    </div>
    <Map></Map>
  </div>
</template>

<script setup>
import swiperVue from './components/swiper.vue'
import swiperServices from './components/swiperServices.vue'
import Map from './components/map.vue'
import Map2 from './components/map2.vue'
</script>

<style lang="scss" scoped>
.swiperTop {
  height: 900px;
  width: 100%;
}
.store {
  background: #121617;
}
.services {
  width: 100%;
  height: 950px;
  background-image: linear-gradient(#000000, #121617 90%);
  padding: 0 50px;
  .card {
    background: #000000;
    border-radius: 30px;
    height: 900px;
  }
}
</style>